<template>
  <div class="helmet">
    <div class="img"></div>
    <div class="text">
      <div class="text-left">
        <p class="p1">xxxx项目</p>
        <p  class="p2">xxxx公司</p>
      </div>
      <div class="text-right">
        <p class="p1">2019年6月5号</p>
        <p class="p2">施工中</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'helmet-snap'
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .helmet{
    .img{
      background: url("../../assets/mobile/anquanmaozhuapai.png") no-repeat ;
      background-size:contain;
      width: 8.533333333333333rem;
      height: 3.56rem;
      margin-left: auto;
      margin-right: auto;
    }
  }
  .text{
    width: 8.533333333333333rem;
    margin-left: auto;
    margin-right: auto;
    .text-left{
      width: 4.25rem;
      height: 1.78rem;
      float: left;
      text-align: left;
    }
    .text-right{
      width: 4.25rem;
      height: 1.78rem;
      float: left;
      text-align: right;
    }
    .p1{
      color: #141418;
      font-size: 0.37333333333333335rem;
      font-family:'方正兰亭黑简体';
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
    .p2{
      color: #343435;
      font-size: 0.37333333333333335rem;
      font-family:'苹方';
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
  }
</style>
